<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.aaaa{width: 80px;height: 30px;background-color: coral;position: absolute;color: black;}
		</style>
		
	</head>
	<body style="margin: 0;">
		<input type="button" name="" id="" value="按钮" />
		<div class="aaaa"> ffff
		</div>
		<script>
			$(document).ready(function(){
				$("input").click(function(){
					$(".aaaa").animate({
						left:'40px',
						height:'40px',
						width:'100px',
					},2000);										
				});
			});
			
			$(document).ready(function(){
				$(".aaaa").css('color','wheat')
			})
			
		</script>
		
		
	</body>
</html>
